// JavaScript Document
$(document).ready(function(){
	var index=0;
	function controlnext(){
		var imgWidth=$('.banner-img').width();
		index++;
		if(index>=4) index=0;
		$('.banner-con').animate({left:(-imgWidth)*index})
	}
	$('.next').click(debounce(function(){
		controlnext();
	},200))
	$('.pre').click(debounce(function(){
		var imgWidth=$('.banner-img').width();
		index--;
		if(index<0) index=3;
		$('.banner-con').animate({left:(-imgWidth)*index})
	},200))
	
	var intervalFlag=true;
	var intervalState=setInterval(controlnext,5000);
	function getIntervalState(){
		clearInterval(intervalState);
		if(intervalFlag) {
			intervalState=setInterval(controlnext,5000)
		}
		else {clearInterval(intervalState)}
	}
	$('.banner').hover(
		function(){
			intervalFlag=false;
			getIntervalState();
		},
		function(){
			intervalFlag=true;
			getIntervalState();
		}
	)
})